import React from "react"
import NavTop from "../../components/NavTop"
import { Tabs } from "antd-mobile"
import "./index.scss"
import Kong from "../../assets/images/kong.png"
import { RightOutline } from "antd-mobile-icons"
function Dynamic() {
  return (
    <div>
      <NavTop title="我的动态"></NavTop>
      <div className="dynamic">
        <Tabs>
          <Tabs.Tab title="作品" key="fruits">
            <img src={Kong} alt="" />
          </Tabs.Tab>
          <Tabs.Tab title="公告" key="vegetables">
            <div className="tabpanel">
              <div>
                <p className="title">黑马程序员招新啦, 诚招各路编程高手</p>
                <p className="time">2021/05/25 16:52:39</p>
              </div>
              <div>
                <p>传智教育成为A股中第一支成功IPO的教育产业股</p>
                <p>2021/1/25 16:52:39</p>
              </div>
              <div>
                <p>web前端工程师训练营来袭, 小伙伴们踊跃报名</p>
                <p>2021/02/25 08:52:39</p>
              </div>
            </div>
          </Tabs.Tab>
          <Tabs.Tab title="数据" key="animals">
            <div className="data">
              <div className="data-left">
                <div className="cart">
                  <p className="cart_title">
                    粉丝数 <RightOutline />
                  </p>
                  <p className="cart_data">
                    0<span>人</span>
                  </p>
                </div>
              </div>
              <div className="data-right">
                <div className="cart">
                  <p className="cart_title">阅读数</p>
                  <p className="cart_data">
                    0<span>次</span>
                  </p>
                </div>
              </div>
            </div>
          </Tabs.Tab>
        </Tabs>
      </div>
    </div>
  )
}

export default Dynamic
